<!--
  ~ # Copyright (c) 2016-2019 The Khronos Group Inc.
  ~ #
  ~ # Licensed under the Apache License, Version 2.0 (the "License");
  ~ # you may not use this file except in compliance with the License.
  ~ # You may obtain a copy of the License at
  ~ #
  ~ #     http://www.apache.org/licenses/LICENSE-2.0
  ~ #
  ~ # Unless required by applicable law or agreed to in writing, software
  ~ # distributed under the License is distributed on an "AS IS" BASIS,
  ~ # WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  ~ # See the License for the specific language governing permissions and
  ~ # limitations under the License.
  -->

<!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>glTF Validator</title>
    <link rel="stylesheet" href="styles/styles.css">
    <link rel="stylesheet" href="styles/prism.css">
    <link rel="icon" href="logos/glTF_LogoBug_32px_Nov17.png">
    <script src="scripts/prism.js"></script>
    <script defer src="scripts/validator.dart.js"></script>
</head>
<body>

<header>
    <a href="https://www.khronos.org/"><img src="logos/Khronos_RGB_June18.svg" alt="The Khronos Group"
                                            style="height: 85px;"></a><br>
    <a href="https://www.khronos.org/gltf"><img src="logos/glTF_RGB_June16.svg" alt="glTF Validator"
                                                style="height: 170px;"></a>
</header>

<div id="dropZone">
    <input id="input" type="file" style="display: none" multiple>
    <p><a id="inputLink">Select</a> glTF or GLB asset or drop it here.</p>
    <p id="validityLabel">&nbsp;</p>
</div>
<div id="altZone">
    Alternate glTF validation methods available:<br/>
    <a href="https://github.com/KhronosGroup/glTF-Validator/releases">Command-Line</a> |
    <a href="https://www.npmjs.com/package/gltf-validator">NPM</a> |
    <a href="https://marketplace.visualstudio.com/items?itemName=cesium.gltf-vscode">VS Code Extension</a>
</div>
<div id="outputZone">
    <p><em>Validation is performed locally in your browser. Submitted assets are not uploaded.</em></p>
    <p id="truncatedWarning" style="display: none"><em>Validation report is truncated because it contains too many
        issues.</em></p>
    <pre><code class="language-json" id="output"></code></pre>
</div>

<a href="https://github.com/KhronosGroup/glTF-Validator">
    <img style="position: absolute; top: 0; right: 0; border: 0;"
         src="https://s3.amazonaws.com/github/ribbons/forkme_right_gray_6d6d6d.png"
         alt="Fork me on GitHub">
</a>

</body>
</html>
